﻿/* css reset - admin */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* end of reset */

.announcement_title{font-weight:bold; padding:10px;}
.download{display:block; margin-left: 20px; float:right; padding-left:25px; color:#fff; background:url(../images/icon_download.jpg)no-repeat; width:auto; font-size:12px; text-decoration:none; color:#2c2c2c; height:20px; }

body{font-family:arial; font-size:12px; color:#000; position:relative;  margin: 0 auto;
    overflow-x: hidden;}
#wrapper{margin:0px auto; width:960px; position:relative; z-index:1;}
.header_bg{ background:url(../images2/header_bg.png) center repeat-x; width:100%; height:121px; position:absolute; top:0px; left:0px; z-index:0;}
.agent_ribbon{ position:absolute; right:0px; width:162px; height:123px; display:block; background:url(../images2/agent_ribbon.png); text-indent:-999999px;}

#head{height:123px; position:relative; z-index:999;	}
	#head .logo_main{float:left; height:123px; width:221px;}
		#head .logo_main h1.logo{margin-top:15px; width:225px; height:93px; background:url(../images2/logo.png) no-repeat;}
			#head .logo_main h1.logo span{display:none;}
		#head .logo_main .tagline{display:none;}
	#head .general_info{width:739px; position:absolute; bottom:48px; right:0px; text-align:right; color:#fff; line-height:20px;}
			#head .general_info .logout{padding:2px 10px; margin:0px 10px; background-color:#39342D; border:solid 1px #333333; color:#fff; text-decoration:none;}
	#head #menu{width:725px; height:40px; position:absolute; bottom:2px; right:0px; background:url(../images2/menu_bg.png) repeat-x; float:left; border:solid 1px #333333;}
		#head #menu ul{ float:right;}
			#head #menu ul li{float:left;}
				#head #menu ul li a{ padding:17px 17px; height:10px; color:#999999; text-transform: uppercase; font-weight:bold; display:block; text-decoration:none;}
				
				#head #menu ul li a:hover{background-color:#999999;  filter: alpha(opacity=50); color:#333333;}

	#content .main-col{border-left:solid 1px #ddd; border-right:solid 1px #ddd; min-height:600px; position:relative; z-index:1px;}	
		#content .main-col #result .box_content{margin-top:0px!important;}
		#content .main-col #result h1{background:url("../images2/side_header_bg.png") repeat-x scroll 0 0 #333333 !important;}
		#content .main-col h2 a.main_link{font-size:13px; font-weight:bold; color:#243271; margin:15px 0px; text-decoration:none;}
		#content .main-col .box_content_item{border-bottom:solid 1px #ccc; padding:15px;}
		#content .main-col .box_content_item:hover{background-color:#e3e7f0;}
			#content .main-col .box_content_item p{ margin:15px 0px;}
		#content .main-col h2 a.main_link:hover{text-decoration:underline;}
		#content .main-col .headspan{ background-color:#cdd3e3; height:20px; padding:3px 0px; position:relative;} 
			#content .main-col .headspan h1{ padding-left:35px; background:url(../images2/icon_edit_personal.png) no-repeat 5px center; font-size:12px; color:#263b6a; text-transform: uppercase; height:20px; line-height:20px; font-weight:bold;}
			#content .main-col .headspan ul{ position:absolute; right:0px; top:0px;}
				#content .main-col .headspan ul li{float:left; border-left:solid 2px #c6d0e9; margin-left:0px; background-color:#a2b0cd;}
					#content .main-col .headspan ul li a{display:block; padding:4px 7px; height:15px; border-top:solid 1px #bdc8de;  color:#617192;  text-decoration:none; margin:1px;}
					#content .main-col .headspan ul li.active{background-color:#637aae;}
						#content .main-col .headspan ul li.active a{color:#fff; border-top:solid 1px #8ea0c6;}
		#content .main-col #result h1{ color:#ffffff; font-weight:bold; font-size:13px; padding:3px;}
			#content .main-col #result h1 span{position:relative; top:-3px; text-transform: uppercase;}
		#content .main-col #result .box_content_header{width:100%; height:30px; background:#999999; float:left; margin:0px; padding:0px; position:relative; top:0px; left:0px; }
		
		.agent-list .box_content_header label{font-weight:bold; color:#333; font-size:12px; line-height:31px; background:url(../images2/header_divider.png) right center no-repeat; float:left;}
	
	/* Agency List */
    .box_content_header{width:100%; height:30px; background:#aeaf61; float:left; margin:0px; padding:0px!important; position:relative; top:-4px; left:-3px; }
    .box_content_header label{font-weight:bold; color:#333; font-size:12px; line-height:30px; background:url(../images2/header_divider.png) right center no-repeat;}
    
    .box_content_header #agency_code{display:block; float:left; width:19%; margin-left:1%;}
    .box_content_header #agency_name{display:block; float:left; width:69%; margin-left:1%;}
    .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
    
    .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
    .box_content_header #checkbox #checkall{margin:10px auto 0px auto; position:relative; left:5px;}
    
    .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
    .box_content_item_row #checkbox .choosethis{position:relative; left:7px;}
    
    /*
    .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
    .box_content_header #checkbox #all{margin:10px auto 0px auto;}
    .box_content_header #logo{display:block; float:left; width:14%; margin-left:1%;}
    .box_content_header #logo img{ width:72px; height:120px;}
    .box_content_header #coyname{display:block; float:left; width:33%;  margin-left:1%;}
    .box_content_header #status{display:block; float:left; width:9%;  margin-left:1%;}
    .box_content_header #createdby{display:block; float:left; width:12%; margin-left:1%;}
    .box_content_header #datecreated{display:block; float:left; width:13%; margin-left:1%;}
    .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
    .box_content_header .checkall{margin:5px;}
    */

    .box_content_item_row{width:100%; min-height:30px; float:left; margin:0px; padding:15px 0px!important; position:relative; top:-4px; left:-3px;}
    .box_content_item_row label{font-weight:normal; color:#333; font-size:12px; line-height:12px;}
    
    .box_content_item_row #agency_code{display:block; float:left; width:19%; margin-left:1%;}
    .box_content_item_row #agency_name{display:block; float:left; width:69%; margin-left:1%;}
    .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
    
    /*.box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
    .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
    .box_content_item_row #logo{display:block; float:left; width:14%; margin-left:1%;}
    .box_content_item_row #logo img{ width:72px; height:95px;}
    .box_content_item_row #coyname{display:block; float:left; width:33%;  margin-left:1%;}
    .box_content_item_row #status{display:block; float:left; width:9%;  margin-left:1%;}
    .box_content_item_row #createdby{display:block; float:left; width:12%; margin-left:1%;}
    .box_content_item_row #datecreated{display:block; float:left; width:13%; margin-left:1%;}
    .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
    .box_content_item_row .choosethis{margin:5px;}*/
    

	
		    
	 /* Agent List */
		/*header*/
	    .agent-list .box_content_header #checkbox{display:block; float:left; width:2%; height:30px;}
	    .agent-list .box_content_header #checkbox #all{margin:10px auto 0px auto;}
	    .agent-list .box_content_header #name{display:block; float:left; width:27%;  margin-left:1%;}
	    .agent-list .box_content_header #agency{display:block; float:left; width:28%;  margin-left:1%;}
	    .agent-list .box_content_header #status{display:block; float:left; width:9%;  margin-left:1%;}
	    .agent-list .box_content_header #createdby{display:block; float:left; width:9%; margin-left:1%;}
	    .agent-list .box_content_header #datecreated{display:block; float:left; width:9%; margin-left:1%;}
	    .agent-list .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
	    
	    .agent-list .box_content_item_row #checkbox{display:block; float:left; width:2%; height:30px;}
	    .agent-list .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
	    .agent-list .box_content_item_row #name{display:block; float:left; width:27%;  margin-left:1%;}
	    .agent-list .box_content_item_row #agency{display:block; float:left; width:29%;  margin-left:1%;}
	    .agent-list .box_content_item_row #status{display:block; float:left; width:9%;  margin-left:1%;}
	    .agent-list .box_content_item_row #createdby{display:block; float:left; width:9%; margin-left:1%;}
	    .agent-list .box_content_item_row #datecreated{display:block; float:left; width:9%; margin-left:1%;}
	    .agent-list .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
    
	/* Page List */ 

	.page-list .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
		.page-list .box_content_header #checkbox #all{margin:10px auto 0px auto;}
	.page-list .box_content_header #name{display:block; float:left; width:85%;  margin-left:1%;}
    .page-list .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
	
	.page-list .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
	    .page-list .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
	.page-list .box_content_item_row #name{display:block; float:left; width:85%;  margin-left:1%;}    
	.page-list .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
	
	
	#content_display_tab{height:250px;}
	
	#content .main-col .search_area{ display:block; background-color:#eeeeee; padding:15px 20px; height:28px;}
	#content .main-col .search_form{float:left; width:auto;}
	#content .main-col .search_form #label_portion{float:left; width:auto; font-size:14px; font-weight:bold;}
	#content .main-col .search_form #text_portion{float:left; width:auto; padding:0px 10px; position:relative;}
	
	#content .main-col .search_form .mid{ position:relative; top:5px;}
	#content .main-col .search_area .search_text{ font-size:12px; color:#77787c; background:url(../images2/input_text_bg.png) top repeat-x #fff; height:22px; border:solid 1px #cccccc; padding:2px 4px; width:300px;}
	/* posts search overwrites */
	#content .main-col .search_area .holder{ position:relative; width:521px;}
	#content .main-col .search_area .cat_area{ position:absolute;}
	#content .main-col .search_area .search_text_area{ position:relative; left:215px;}
	#content .main-col .search_area .holder .search_submit_btn{ left:408px;}
	#text_portion_research .search_submit_btn{left:475px!important;}
	#content .main-col .search_area .post_search_text{ font-size:12px; color:#77787c; background:url(../images2/input_text_bg.png) top repeat-x #fff; height:22px; border:solid 1px #cccccc; padding:2px 4px; width:390px!important;}
	
	#content .main-col .search_area .post_search_text_research{ font-size:12px; color:#77787c; background:url(../images2/input_text_bg.png) top repeat-x #fff; height:22px; border:solid 1px #cccccc; padding:2px 4px; width:290px!important; margin-left:10px;}
	/* end posts search overwrites */
	
	#content .main-col .search_area .search_submit_btn{width:31px; height:28px; border:none; background:url(../images2/search_btn.png); padding:0px; margin:0px; position: absolute;top:0px; left:309px;}
	#content .main-col .search_content{margin:auto;}
	#content .main-col .btn_create_new{background:url(../images2/btn_create_new.png); width:102px; height:28px; display:block; margin-left:30px; text-decoration:none;}		
		#content .main-col .btn_create_new span{line-height:26px; position:relative; left:30px; font-size:11px; color:#cccccc;}
	#content .main-col #new_btn_portion{float:left; width:100px;}
	#content .main-col .box{margin:20px 0px;}
		#content .main-col .box .box_content{margin:20px 0px;}
	
	
	.search_area2{ display:block; background-color:#e3e7f0; padding:15px 20px; height:28px; width:648px; margin:15px;}
	.search_area2 .search_form{float:left; width:auto;}
	.search_area2 .search_form #label_portion{float:left; width:auto; font-size:14px; font-weight:bold;}
	.search_area2 .search_form #text_portion{float:left; width:auto; padding:0px 10px; position:relative;}
	.search_area2 .search_form .mid{ position:relative; top:5px;}
	.search_area2 .search_content .search_text{ font-size:12px; color:#77787c; background:url(../images2/input_text_bg.png) top repeat-x #fff; height:22px; border:solid 1px #9e99c2; padding:2px 4px; width:300px;}
	.search_area2 .search_content .search_submit_btn{width:31px; height:28px; border:none; background:url(../images2/search_btn.png); padding:0px; margin:0px; position: absolute;top:0px; left:309px;}
	.search_area2 .search_content{margin:auto;}
	.search_area2 .btn_create_new{background:url(../images2/btn_create_new.png); width:102px; height:28px; display:block; margin-left:30px;  text-decoration:none;}		
		.search_area2 .btn_create_new span{ position:relative; top:7px; left:25px; color:#cccccc;}
	
	
	/* General dropdown - small styles */
	.dropdown{width:200px; margin-left:0px; position:relative; z-index:99;}
	.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; width:auto; }
	.dropdown dd { position:relative; z-index:99; }
	.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
	.dropdown a:hover { color:#5d4617;}
	.dropdown dt div:hover { color:#9E99C2; border: 1px solid #d0c9af;}
	.dropdown dt div {font-size:12px; color:#77787c; background:url(../images2/dropdown.png) top right repeat-x #fff; height:14px; border:solid 1px #cccccc; padding:6px 4px; width:200px; display:block;}
	.dropdown dt a span {cursor:pointer; display:block; padding:4px;}
	.dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #9E99C2; color:#666; display:none;
			  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:186px; list-style:none; z-index:99;}
	.dropdown span.value { display:none;}
	.dropdown dd ul li{ padding:5px; display:block; min-height:15px; padding:5px; margin:0px;}
	.dropdown dd ul li:hover { background-color:#CDD3E3;}
	
	/* Bulk action area */	
	#bulk_action_area{margin:10px 0px; position:relative; width:209px; z-index:99;}
	#bulk_action_area #bulk_action{}
	.bulk_action_submit{border:solid 1px #9E99C2; background:url('../images2/btn_bg.png') center repeat-x; height:28px; padding:0px 3px; position:absolute; top:0px; left:213px;}
	/*#bulk_action_area .dropdown_arrow{background:url(../images2/dropdown_arrow.png) no-repeat; width:30px; height:28px; display:block; position: absolute; right:0px;}*/
	
    /* for ie7  */
    .fronttop{ position: relative; z-index:999;}
	.front9{ position: relative; z-index:99;}
	.front8{ position: relative; z-index:98;}
	.front7{ position: relative; z-index:97;}
	.front6{ position: relative; z-index:96;}
	.front5{ position: relative; z-index:95;}
	.front4{ position: relative; z-index:94;}
		
#footer{height:40px; background:url(../images2/menu_bg.png) repeat-x; border:solid 1px #333333; color:#fff; line-height:40px; clear:both;}
	#footer p.footerspan{margin-left:20px;}
	

		
/*form*/
.form_input{ position:absolute; top:0px; left:155px;}
.form ul li{margin:15px 0px; position:relative; min-height:25px;}
.form label{ display:inline-block; width:145px; text-align:right; padding-right:10px; vertical-align:top;}
	.form label.auto{width:auto!important; padding:0px 15px;}

.form .o_select{
	font-size:12px; color:#6c6c6c; background:url(../images2/input_text_bg.png) #fff top repeat-x; height:30px; border:solid 1px #cccccc; padding:2px 2px 2px 4px; width:300px;
}

.form .input_text, .form .input_select{ font-size:12px; color:#6c6c6c; background:url(../images2/input_text_bg.png) #fff top repeat-x; height:22px; border:solid 1px #cccccc; padding:2px 4px; width:300px;}
.form .input_ta{ border:solid 1px #cccccc; width:300px; height:150px;  background:url(../images2/input_text_bg.png) top repeat-x; }
.form a.cal_link{ position:absolute; top:0px; left:462px; display:block; width:28px; height:28px; background:url(../images2/icon_calendar.png);}
	.form a.cal_link span{ display:none;}
.form a.cal_link_tb{ position:relatve; top:0px; left:0px; display:block; width:28px; height:28px; background:url(../images2/icon_calendar.png);}
	.form a.cal_link_tb span{ display:none;}
.w_100px{width:100px!important;}
.w_200px{width:200px!important;}
.w_150px{width:150px!important;}
.w_300px{width:300px!important;}
.w_auto{width:auto!important; padding:0px 5px;}
.w_30px{width:30px!important;}

.form table {width:100%;}
	.form table tr th{ padding:3px; font-size:12px;}
	.form table tr td{padding:3px!important; margin-left:5px;}
		form table tr td span{ font-size:12px; }
		
	.form table tr.odd{padding:3px; font-size:12px; }
	
	.form table tr.even td{ padding:3px; font-size:12px;  background-color:#e3e7f0; border:solid 1px #eee;}

.form .btn_area{border-top:solid 1px #ddd; padding-top:20px;  text-align:right;}
	.form .btn_area .blue_btn{border:1px solid #1d467c; background:url(../images2/blue_btn_bg.png) repeat-x #333333; color:#FFFFFF; padding:2px 15px;}
	
/* MISC */
.red_button{border:1px solid #333333; background:url(../images2/blue_btn_bg.png) repeat-x #333333; color:#FFFFFF; padding:2px 15px; text-decoration:none;}
.button, .btn_back{border:1px solid #333333; background:url(../images2/blue_btn_bg.png) repeat-x #333333; color:#FFFFFF!important; padding:2px 15px; text-decoration:none;}
.main_btn{display:block; margin:5px; text-align:center;}
.read-more a{border:1px solid #1d467c; background:url(../images2/blue_btn_bg.png) repeat-x #333333; color:#FFFFFF; padding:2px 15px; text-decoration:none;}
.keep_left{position:absolute; right:10px; margin-top:10px;}
.clear{clear:both;}

/* box */
.box{clear:both; margin:35px 0px; position:relative;}

.resource_item a{ padding:5px 0px!important; display:block!important;}

/* 2col left */
#content #content-left{float:left; width:241px;}
	#content #content-left h1{ background:url("../images2/side_header_bg.png") repeat-x scroll 0 0 #333333 !important; color:#ffffff; font-size:12px; font-weight:bold; padding:2px; text-indent:5px; text-transform:uppercase;}
			#content #content-left h1 img{ margin-right:5px; position:relative; top:3px;}
			#content #content-left h1 span{position:relative; top:-3px;}

.agency_item{ padding:10px 0px; position:relative;} 		
	.agency_item .main_link{color:#000; text-decoration:none; position:relative; width:85%; font-weight:normal!important;}
	.agency_item .main_link:hover{color:#000; text-decoration:underline; }	
	.agency_item .icon_sub_link{ display:block; position: absolute; top:10px; right:3px; background:url(../images2/icon_user.png) left no-repeat; width:15%; text-indent:20px;}	
	/* Welcome box*/		
	#content #content-left .side_welcome{margin-top:15px;}
		#content #content-left .side_welcome .profile_photo{width:83px; border:solid 1px #ccc; margin:5px 5px 5px 0px; float:left;}
		#content #content-left .side_welcome .agent_info{float:left; margin: 5px 5px 5px 0px;}
			#content #content-left .side_welcome .agent_info h5{color:#000; font-weight:bold; font-size:13px; margin:3px 0px;}
			#content #content-left .side_welcome .agent_info .button{margin-top:5px;float:left;}
			#content #content-left .side_welcome .box_content{margin-top:10px;}
			
	/* Dowload form */
	.side_list .box_content .box_content_item{border-bottom:solid 1px #ccc; text-indent:5px; }
		.side_list .box_content .box_content_item a{text-decoration:none; color:#000; display:block; padding:0px; }
		.side_list .box_content .box_content_item a:hover{ background-color:#e1e8f0;}
		.side_list .box_content .box_content_item .main_link{font-weight:normal;}
#content #content-right{float:left; width:718px;}
	
	/* Announcement */
	
	#content #content-right .announcement h1{ font-size:18px; font-weight:bold;}
			#content #content-right .announcement h1 span{position:relative; top:-5px; margin-left:10px;}
			#content #content-right .announcement .announcement_item{padding:20px 10px; border-bottom:solid 1px #ccc; background-color:#e3e7f0;}
				#content #content-right .announcement .box_odd{background-color:#fff!important;}
				#content #content-right .announcement .announcement_item h2{margin-bottom:15px;}
				#content #content-right .announcement .announcement_item h2 a{color:#243a74; text-decoration:none; font-size:14px; font-weight:bold; margin-bottom:15px;}
				#content #content-right .announcement .announcement_item .read-more{margin-top:15px;}

		/*Search area*/
	.announcement  .main-col .search_content #ann_cat{width:auto; padding:0px;}
	.announcement  .main-col .bulk_action_submit{}
	.announcement  .main-col .search_content .dropdown dt div {width:120px;}
	.announcement .main-col .search_area .search_text{width:200px!important; position:relative; top:-28px; left:133px;}
	.announcement .main-col .search_area .search_submit_btn{left:342px!important;}
	.announcement .main-col .search_area #text_portion{width:330px!important;}
	.announcement .main-col .box .box_content{margin-top:0px!important;}
	
	.announcement .result2{position:relative; margin-top:75px!important;}	
	.announcement  .search_area2{ position:absolute; top:125px; left:241px;}
	.announcement_content  .search_area2 .search_content #ann_cat{width:auto; padding:0px;}
	.announcement  .search_area2 .bulk_action_submit{ margin-left:-20px;}
	.announcement  .search_area2 .search_content .dropdown dt div {width:120px;}
	.announcement  .search_area2 .search_text{width:200px!important; position:relative; top:-28px; left:133px;}
	.announcement  .search_area2 .search_submit_btn{left:342px!important;}
	.announcement  .search_area2 #text_portion{width:330px!important;}
	
	
	.announcement .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
	.announcement .box_content_header #checkbox #all{margin:10px auto 0px auto;}
	.announcement .box_content_header #title{display:block; float:left; width:29%;  margin-left:1%;}
	.announcement .box_content_header #category{display:block; float:left; width:18%;  margin-left:1%;}
	.announcement .box_content_header #status{display:block; float:left; width:9%;  margin-left:1%;}
	.announcement .box_content_header #createdby{display:block; float:left; width:12%; margin-left:1%;}
	.announcement .box_content_header #datecreated{display:block; float:left; width:13%; margin-left:1%;}
	.announcement .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
	    /*data*/
	.announcement .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
	.announcement .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
	.announcement .box_content_item_row #title{display:block; float:left; width:29%;  margin-left:1%;}
	.announcement .box_content_item_row #category{display:block; float:left; width:18%;  margin-left:1%;}
	.announcement .box_content_item_row #status{display:block; float:left; width:9%;  margin-left:1%;}
	.announcement .box_content_item_row #createdby{display:block; float:left; width:12%; margin-left:1%;}
	.announcement .box_content_item_row #datecreated{display:block; float:left; width:13%; margin-left:1%;}
	.announcement .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
    
	/* Document Cat*/
	.doc_category_list .box_content{margin:0px!important;}
	
	.doc_category_list .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
	.doc_category_list .box_content_header #checkbox #all{margin:10px auto 0px auto;}
	.doc_category_list .box_content_header #catname{display:block; float:left; width:23%;  margin-left:1%;}
	.doc_category_list .box_content_header #catstatus{display:block; float:left; width:9%;  margin-left:1%;}
	.doc_category_list .box_content_header #updatedby{display:block; float:left; width:12%;  margin-left:1%;}
	.doc_category_list .box_content_header #dateupdated{display:block; float:left; width:12%;  margin-left:1%;}
	.doc_category_list .box_content_header #createdby{display:block; float:left; width:12%; margin-left:1%;}
	.doc_category_list .box_content_header #datecreated{display:block; float:left; width:12%; margin-left:1%;}
	.doc_category_list .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
	    /*data*/
	.doc_category_list .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
	.doc_category_list .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
	.doc_category_list .box_content_item_row #catname{display:block; float:left; width:23%; margin-left:1%;}
	.doc_category_list .box_content_item_row #catstatus{display:block; float:left; width:9%; margin-left:1%;}
	.doc_category_list .box_content_item_row #updatedby{display:block; float:left; width:12%;  margin-left:1%;}
	.doc_category_list .box_content_item_row #dateupdated{display:block; float:left; width:12%;  margin-left:1%;}
	.doc_category_list .box_content_item_row #createdby{display:block; float:left; width:12%; margin-left:1%;}
	.doc_category_list .box_content_item_row #datecreated{display:block; float:left; width:12%; margin-left:1%;}
	.doc_category_list .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
  
	/* Document */
	
	.document .box_content{margin-top:0px!important;}
	.document_item a{padding:5px 0px!important;}
		
	.document .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
	.document .box_content_header #checkbox #all{margin:10px auto 0px auto;}
	.document .box_content_header #title{display:block; float:left; width:29%;  margin-left:1%;}
	.document .box_content_header #category{display:block; float:left; width:18%;  margin-left:1%;}
	.document .box_content_header #status{display:block; float:left; width:9%;  margin-left:1%;}
	.document .box_content_header #createdby{display:block; float:left; width:12%; margin-left:1%;}
	.document .box_content_header #datecreated{display:block; float:left; width:13%; margin-left:1%;}
	.document .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
	    /*data*/
	.document .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
	.document .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
	.document .box_content_item_row #title{display:block; float:left; width:29%;  margin-left:1%;}
	.document .box_content_item_row #category{display:block; float:left; width:18%;  margin-left:1%;}
	.document .box_content_item_row #status{display:block; float:left; width:9%;  margin-left:1%;}
	.document .box_content_item_row #createdby{display:block; float:left; width:12%; margin-left:1%;}
	.document .box_content_item_row #datecreated{display:block; float:left; width:13%; margin-left:1%;}
	.document .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
	
	.category_list_item{height:auto;}
		.category_list_item label{float:left;}
		.category-list{ width:250px; display:block; background-color:#fff; border:solid 1px #9E99C2;  min-height:100px; max-height:280px; overflow: auto;}
			.category-list .category-list-item{padding:5px;}
	
	
	/* User */
		/* List */

    .admin-user .agent-list{margin-top:0px!important;}
    .admin-user .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
    .admin-user .box_content_header #checkbox #all{margin:10px auto 0px auto;}
    .admin-user .box_content_header #firstname{display:block; float:left; width:17%;  margin-left:1%;}
    .admin-user .box_content_header #name{display:block; float:left; width:22%;  margin-left:1%;}
    .admin-user .box_content_header #lastname{display:block; float:left; width:14%;  margin-left:1%;}
    .admin-user .box_content_header #email{display:block; float:left; width:30%;  margin-left:1%;}
    .admin-user .box_content_header #status{display:block; float:left; width:8%;  margin-left:1%;}
    .admin-user .box_content_header #lastlogin{display:block; float:left; width:21%; margin-left:1%;}
    .admin-user .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
        /*data*/
    .admin-user .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
    .admin-user .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
    .admin-user .box_content_item_row #firstname{display:block; float:left; width:17%;  margin-left:1%;}
    .admin-user .box_content_item_row #name{display:block; float:left; width:22%;  margin-left:1%;}
    .admin-user .box_content_item_row #lastname{display:block; float:left; width:14%;  margin-left:1%;}
    .admin-user .box_content_item_row #email{display:block; float:left; width:30%;  margin-left:1%;}
    .admin-user .box_content_item_row #status{display:block; float:left; width:8%;  margin-left:1%;}
    .admin-user .box_content_item_row #lastlogin{display:block; float:left; width:21%; margin-left:1%;}
    .admin-user .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}
    
    .agent_create_area h2{font-weight:bold;}
	.divider{border-top:solid 1px #ccc; padding-bottom:15px;}

    .agent_info label{ font-weight:bold; }
    .agent_info ul li{margin:5px 0px;}
	
/*Personal form*/
.part2{margin-top:20px;}
	.part2 .ui-widget-content{color:#000; font-size:12px;}
	.part2 h2{ font-weight:bold;}
	.part2 .ui-corner-all {-moz-border-radius:0px;}
	.part2 .ui-widget-content{border:none;}
	.part2 .ui-widget-header{ background:none; border:none;}
	.part2 .ui-tabs .ui-tabs-nav li{ background:none; border:none;}
		.part2 .ui-tabs .ui-tabs-nav li a{background:url("../images2/blue_btn_bg2.png") repeat-x scroll 0 0 #345370;
			border:1px solid #1D467C;
			color:#FFFFFF;
			padding:2px 15px;
		}
		.part2 .ui-tabs .ui-tabs-nav .ui-tabs-selected a{background:url("../images2/blue_btn_bg.png") repeat-x scroll 0 0 #333333;}
	
/* Personal form - Admin info*/
.part2 .agent_image{border:solid 2px #ddd; width:200px; height:250px;}
.part2 .agent_img_file{margin-left:160px;}

/* Personal form - E-Office Setting*/
.tb{ position:absolute; top:0px; left:150px; width:300px;}

/* Personal form - Bank Info*/
.instruciton{ display:block; margin-left:160px; font-size:12px;}


/* Employment form*/
#employment_form table tr td.employment{padding:5px 3px!important; margin-left:5px;}
#employment_form  h2{ font-weight:bold;}
#employment_form .f_left{float:left; margin-left:15px;}


/* form */

.input_upload{position: relative; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; height:40px; z-index:1001; width:60%; top:-10px; text-align:right;}
.input_ta{border:solid 1px #8f9054; padding:5px; background-color:#babb77; width:60%; font-size:13px; min-height:150px;}
.fake_area{position:absolute; top:0px; left:155px; width:60%; z-index:99;}
    .input_fake_upload{width:100%;}
    .input_fake_upload_btn{position:absolute; width:59px!important; margin-left:-59px; height:28px;}
    .input-blocker{display:block; height:40px; width:36%; background-color:transparent; position: absolute; z-index:100; top:0px; left:160px;}
    .btn_area{ border-top:solid 1px #ccc; padding:10px 0px 0px 0px; margin-top:10px;}
	.input_btn{width:auto; border:1px solid #333333; background:url(../images2/blue_btn_bg.png) repeat-x #39342D; color:#FFFFFF; padding:2px 15px; text-decoration:none;}
	.upload_btn{background:url("../images2/btn_bg.png") repeat-x scroll center center transparent; border:1px solid #9E99C2; color:#191512; font-size:11px; padding:6px 20px; text-decoration:none; width:auto;}


/* Login page*/

#admin_login { width:456px; height:425px; background:url(../images2/admin_login.png) no-repeat; margin: 100px auto; }
	#admin_login .info { width:360px; float:left; color:#38559b; margin-left:58px;}
	#admin_login .admin_login_form { width:340px; float:right; margin-right:50px; }
	#admin_login .login_tagline { font-size: 12px; font-weight:bold; color:#C60040; margin-bottom:20px; padding-left:58px; text-transform:uppercase; }
	#admin_login h2 { font-size:14px; color:#333333; margin-bottom:20px; position:relative; top:10px; font-weight:bold; }
	#admin_login p { margin-bottom:10px; }
	
	
	#admin_login .login_form {position:relative; top:150px; margin:auto; width:365px;}
	#admin_login ul li{margin:10px 0px;}
	#admin_login .login_btn { left:125px; background:url(../images2/login_btn.png) no-repeat center; width:124px; height:38px; border:none; position:relative;}
	#admin_login .login_btn_area { padding-top:10px; }
	#admin_login .input_text{background:url(../images2/login_input_bg.png) #fff; width:340px; height:28px; border:solid 1px #868da0; padding:5px;}
	#admin_login a{color:#333333;}
	
.login_bg{ background-color:#455b8a;}


/* agency */
.agency_create_area .input_area .agency_logo_default{float:left;}
.agency_create_area .input_area ul{float:left;}
.agency_logo_default img{border:solid 3px #ccc;}

#agency{display:none;}

/* edit*/
.agency_info .agency_logo{margin:1%; width:160px;  float:left;}
.agency_info .agency_logo img{border:solid 2px #ccc; width:150px; max-height:250px;}
.agency_info .agency_info{margin:1%; width:50%; float:left;}
        .agency_info .agency_info li{padding:5px; font-size:13px;}
            .agency_info .agency_info li label{font-weight:bold; color:#333;}

/* Announcement  */
    .announcement-cat .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
    .announcement-cat .box_content_header #checkbox #all{margin:10px auto 0px auto;}
    .announcement-cat .box_content_header #category{display:block; float:left; width:50%;  margin-left:1%;}
    .announcement-cat .box_content_header #status{display:block; float:left; width:9%;  margin-left:1%;}
    .announcement-cat .box_content_header #createdby{display:block; float:left; width:12%; margin-left:1%;}
    .announcement-cat .box_content_header #datecreated{display:block; float:left; width:11%; margin-left:1%;}
    .announcement-cat .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}
        /*data*/
    .announcement-cat .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
    .announcement-cat .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
    .announcement-cat .box_content_item_row #category{display:block; float:left; width:50%;  margin-left:1%;}
    .announcement-cat .box_content_item_row #status{display:block; float:left; width:9%;  margin-left:1%;}
    .announcement-cat .box_content_item_row #createdby{display:block; float:left; width:12%; margin-left:1%;}
    .announcement-cat .box_content_item_row #datecreated{display:block; float:left; width:11%; margin-left:1%;}
    .announcement-cat .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}

/* Error */
.error{color:#980331!important;}

#bulk_action_area label.error{position: absolute; border:dotted 1px #980331; background-color:#FFD0E6; z-index:1; top:78px; left:20px; padding:5px;}

#bulk_action_area_doc_cat label.error{position: absolute; border:dotted 1px #980331; background-color:#FFD0E6; z-index:1; top:-15px; left:20px; padding:5px;}

h2.agency_h2{font-size:13px; font-weight:bold; color:#666; text-align:center; margin-top:10px;}

ul.steps li{ border-bottom:solid 1px #ccc; background-color:#FFF1DB; padding:10px 0px;}
ul.steps li:hover{background-color:#FFE180;}
	ul.steps li a{display:block; text-indent:15px; font-weight:bold; text-decoration:none; color:#333;}
	ul.steps li a:hover{text-decoration:underline;}
	
	
	
/**************************************************** style for project module *******************************************/


/* Project list */

.project-list .box_content_header #checkbox{display:block; float:left; width:4%; height:30px;}
.project-list .box_content_header #checkbox #all{margin:10px auto 0px auto;}
.project-list .box_content_header #name{display:block; float:left; width:27%;  margin-left:1%;}
.project-list .box_content_header #image{display:block; float:left; width:28%;  margin-left:1%;}
.project-list .box_content_header #details{display:block; float:left; width:28%;  margin-left:1%;}
.project-list .box_content_header #action{display:block; float:left; width:9%; margin-left:1%;}

.project-list .box_content_item_row #checkbox{display:block; float:left; width:4%; height:30px;}
.project-list .box_content_item_row #checkbox #all{margin:10px auto 0px auto;}
.project-list .box_content_item_row #name{display:block; float:left; width:27%;  margin-left:1%;}
.project-list .box_content_item_row #image{display:block; float:left; width:28%;  margin-left:1%;}
.project-list .box_content_item_row #details{display:block; float:left; width:28%;  margin-left:1%;}
.project-list .box_content_item_row #action{display:block; float:left; width:9%; margin-left:1%;}

.removelink{ text-decoration: underline; cursor: pointer;}
#extra{background:url(../images2/ajax-loader.gif); position:absolute; left:-999999px;}

/* Search project portion */
.box_content_item_row #image img,
.defaultimg{border:solid 1px #ccc; width:130px; height:100px; font-weight:bold; text-align:center; line-height:100px; background-color:#eee;}



/* Create Project portion */

#district_result_msg

.project .form ul li{position:relative;}
.project .form ul li label.error{position: absolute; right:0px; top:0px; color:#ff6600; font-weight:bold; width:auto; display:none;}

.project .form h2{font-size:12px; font-weight:bold; margin-left:70px;}
.project .ui-widget{font-size:11px!important; position: relative;}
.project .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image:none!important;}
.project ul.steps li a {text-indent:0px!important;}
.project .ui-tabs .ui-tabs-nav li a {padding:0.5em!important;}
.project .ui-widget {font-size:10px!important;}
.project .dbox_obj{width:650px; height:450px;}
.project #step2{}
.project .property_type_div{ position:relative; margin-bottom:20px;}
	.project .property_type_div h2{line-height:30px;}
	.project .property_type_div .add_ptype_btn{right:10px!important; position: absolute; top:0px!important;}
	.project .property_type_div .add_ptype_btn span{font-weight:bold; font-size:10px!important;}

.dbox_obj h2{margin-left:40px; font-weight:bold;}

/* project type */
/*#fancybox-outer{filter:alpha(opacity=95)!important; opacity: 0.95!important; -moz-opacity:0.95!important;}*/
.ptype_item{padding:5px; margin:3px 0px; background-color:#eee; position:relative;}
	.ptype_item .unittypelink{ position: absolute; right:57px;}
	.ptype_item .removelink{ position: absolute; right:3px; border-left:solid 1px #333; padding-left:5px;}
	.ptype_item span{font-weight:bold;}

.typeofunititem{text-indent:10px;}
	.typeofunititem .removelink{position: relative; right:auto; border-left:none; padding:0px;}
/* Features */
.box_w_b_border{ border-bottom:solid 1px #ccc; padding-bottom:20px; margin-bottom:20px; position:relative; min-height:30px;}
.box_w_b_border	.btn_create_new	{position:absolute; top:0px; right:10px;}
#facilities{margin-top:25px;}

.ui-autocomplete-loading { background:url(../images2/ui-anim_basic_16x16.gif) right center no-repeat!important; }

/* Facilities */
#project_feature_form_facilities{}
	#project_feature_form_facilities .input_lbl{font-weight:bold; font-size:12px; line-height:24px;}
	#facilities_term{width:455px;}
	.facilities_content{margin-top:20px; margin-left:84px; height: 200px; width: 533px; overflow: auto; border:solid 1px #ccc;}
		.facilities_content .facility_item { background-color:#eee; margin:3px; padding:3px; position:relative; text-indent:10px;}
			.facilities_content .facility_item .removelink {position:absolute; right:5px;}

/* Finishes */
	#project_feature_form_finishes .input_lbl{font-weight:bold; font-size:12px; line-height:24px;}
	#finishes_term{width:455px;}
	.finishes_content{margin-top:20px; margin-left:84px; height: 200px; width: 533px; overflow: auto; border:solid 1px #ccc;}
		.finishes_content .finish_item { background-color:#eee; margin:3px; padding:3px; position:relative; text-indent:10px;}
			.finishes_content .finish_item .removelink {position:absolute; right:5px;}

/* Fittings */
	#project_feature_form_fittings .input_lbl{font-weight:bold; font-size:12px; line-height:24px;}
	#fittings_term{width:455px;}
	.fittings_content{margin-top:20px; margin-left:84px; height: 200px; width: 533px; overflow: auto; border:solid 1px #ccc;}
		.fittings_content .fitting_item { background-color:#eee; margin:3px; padding:3px; position:relative; text-indent:10px;}
			.fittings_content .fitting_item .removelink {position:absolute; right:5px;}
			
/* special features */
	#project_feature_form_specialfeatures .input_lbl{font-weight:bold; font-size:12px; line-height:24px;}
	#specialfeatures_term{width:455px;}
	.specialfeatures_content{margin-top:20px; margin-left:84px; height: 200px; width: 533px; overflow: auto; border:solid 1px #ccc;}
		.specialfeatures_content .specialfeatures_item { background-color:#eee; margin:3px; padding:3px; position:relative; text-indent:10px;}
			.specialfeatures_content .specialfeatures_item .removelink {position:absolute; right:5px;}

/* outindoorspace */
	#project_feature_form_outindoorspaces .input_lbl{font-weight:bold; font-size:12px; line-height:24px;}
	#outindoorspaces_term{width:455px;}
	.outindoorspaces_content{margin-top:20px; margin-left:84px; height: 200px; width: 533px; overflow: auto; border:solid 1px #ccc;}
		.outindoorspaces_content .outindoorspaces_item { background-color:#eee; margin:3px; padding:3px; position:relative; text-indent:10px;}
			.outindoorpspaces_content .outindoorspaces_item .removelink {position:absolute; right:5px;}

/* Media photo */
	.mediabox{margin-bottom:20px; padding-bottom:20px; border-bottom: solid 1px #ccc;}
	.mediaphoto{ margin-top:15px; padding-left:10px;}
	.upload_portion{ margin-top:15px; padding-bottom:10px;}
	.upload_portion #upload-photo{margin-top:15px;}
		.upload_portion label{width:auto!important; margin-left:70px;  font-weight:bold; margin-bottom:5px;}
		#upload-photoUploader{margin-left:70px;}
		.upload_portion a{
				margin-left:72px; margin-top:15px!important; position:relative; color:#333333; clear: both;
		}
		.uploadifyQueue{margin-left:70px;}
			.uploadifyQueue div.cancel a{top:0px!important;}
			
	.mediaphoto_content{margin-top:20px; margin:40px 0px 0px 70px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.mediaphoto_content .mediaphoto_item { background-color:#eee; margin:3px; padding:18px; position:relative; text-indent:10px; width:141px; float:left; text-align:center; height:126px;}
				.photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
				.mediaphoto_content .mediaphoto_item div img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
/* Media PDF */

#upload-pdfUploader{margin-left:70px;}
	.mediapdf_content{margin-top:20px; margin:40px 0px 0px 20px; min-height: 100px; width: 575px; border:solid 1px #ccc;}
	.mediapdf_content .mediapdf_item{border-bottom:solid 1px #ccc; margin:10px 15px; width:550px;}
	
	
/* Media Others */

#upload-othersUploader{margin-left:70px;}
	.mediaothers_content{margin-top:20px; margin:40px 0px 0px 20px; min-height: 100px; width: 575px; border:solid 1px #ccc;}
	.mediaothers_content .mediaothers_item{border-bottom:solid 1px #ccc; margin:10px 15px; width:550px;}
	.mediaothers_item .thumb{
		border: 1px solid #CCCCCC;
		display: block;
		height: 100px !important;
		margin: auto;
		max-width: 90%;
	}
	
			/*.mediaphoto_content .mediaphoto_item .removelink {position:absolute; right:5px; top:0px;}*/
		    .international-proj .removelink { position: relative!important; right:auto!important; top: auto!important;}
/* Media Virtual Tour */

	.mediavirtualtour{ margin-top:15px; padding-left:10px;}
	.upload_portion{ margin-top:15px; padding-bottom:10px;}
	.upload_portion #upload-virtualtour{margin-top:15px;}
		.upload_portion label{width:auto!important; margin-left:70px;}
		#upload-virtualtourUploader{margin-left:70px;}
		.upload_portion a{margin-left:72px;top:15px; position:relative;}
		.uploadifyQueue{margin-left:70px;}
			.uploadifyQueue div.cancel a{top:0px!important;}
			
	.mediavirtualtour_content{margin-top:20px; margin:40px 0px 0px 70px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.mediavirtualtour_content .mediavirtualtour_item { background-color:#eee; margin:3px; padding:3px; position:relative; text-indent:10px;}
				.photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
			.mediavirtualtour_content .mediavirtualtour_item .removelink {position:absolute; right:5px; top:0px;}

/* Blueprint - Elevation plan */
	.elevationplan_div{position:relative;margin:10px 0px 0px 20px;}
		.elevationplan_div .add_elevationplan_btn{position: absolute; right:10px; top:0px;}
		
	.elevationplan{ margin:20px 0px 0px 90px}
		.elevationplan h2{margin:0px!important;}
		.elevationplan .upload_portion{margin-left:0px;}
			.elevationplan .upload_portion label{margin:0px!important;}
			.elevationplan .upload_portion a{margin-left:0px; color:#ffffff;}
			.elevationplan .uploadifyQueue{margin:0px;}
			.upload_portion .input_btn{color:#fff; margin-top:20px;}
			
		.elevationplan_content{margin-top:20px; margin:40px 0px 0px 0px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.elevationplan_content .elevationplan_item { background-color:#eee; margin:3px; padding:18px; position:relative; height:105px;}
				.elevationplan_content .elevationplan_item .photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; float:left;}
				.elevationplan_content .elevationplan_item .detail{float:left;margin-left:25px;}
					.elevationplan_content .elevationplan_item img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
			.elevationplan_content .elevationplan_item .detail2{position:absolute; right:5px; top:0px;}
		
		#elevationplan_addtitle_form{}
			#elevationplan_addtitle_form label{width:auto!important; padding-right:10px;}
			#elevationplan_addtitle_form .input_btn{position: absolute; right:10px;}
			
			#elevationplan_addtitle_form h2{margin:10px 0px 0px 0px!important;}
			
/* Blueprint - Floorplan */

	.floorplan_content{margin-top:20px; margin:40px 0px 0px 0px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.floorplan_content .floorplan_item { background-color:#eee; margin:3px; padding:18px; position:relative; height:105px;}
				
				.floorplan_content .floorplan_item .photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; float:left;}
				.floorplan_content .floorplan_item .detail{margin-left:25px;}
					.floorplan_content .floorplan_item div img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
					
			.floorplan_content .floorplan_item .detail2 {position:absolute; right:5px; top:0px;}
			
		/* For viewing of property  */
		.floorplan_content .floorplan_item a img{height:100px; max-width:90%;}
		.floorplan_content .floorplan_item img {height:100px; max-width:90%;}
		
	#floorplan_addtitle_form{}
			#floorplan_addtitle_form label{width:auto!important; padding-right:10px;}
			#floorplan_addtitle_form .input_btn{position: absolute; right:10px;}
			
			#floorplan_addtitle_form h2{margin:10px 0px 0px 0px!important;}
			
/* Blueprint - Sitemap */

	.sitemap{ margin:20px 0px 0px 90px}
		.sitemap h2{margin:0px!important;}
		.sitemap .upload_portion{margin-left:0px;}
			.sitemap .upload_portion label{margin:0px!important;}
			.sitemap .upload_portion a{margin-left:0px; color:#ffffff;}
			.sitemap .uploadifyQueue{margin:0px;}
			.upload_portion .input_btn{color:#fff; margin-top:20px;}

	.sitemap_content{margin-top:20px; margin:40px 0px 0px 0px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.sitemap_content .sitemap_item { background-color:#eee; margin:3px; padding:18px; position:relative; text-indent:10px; text-align:center; height:126px;}
				.photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
				/* For viewing of property  */
				.sitemap_content .sitemap_item  a img{height:100px; max-width:90%;}
					.sitemap_content .sitemap_item div img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
			.sitemap_content .sitemap_item .detail2 {position:absolute; right:5px; top:0px;}

/* pagination */

.page{text-align:right; color:#333; }
.page a { color:#999; }

/* Menu section */
#ingredients{float:left; width:250px; margin:10px 10px 0px 0px; padding:5px; background-color:#eeeeee;}
#menumixer{float:right; width:396px;  margin:10px 0px 0px 10px; padding:5px; background-color:#eeeeee;}


#ingredients ul li{ padding:5px; border-bottom: solid 1px #dddddd; font-size:11px;}
#ingredients ul li input{ position: relative; top:3px;}
#ingredients ul li label{ position: relative; left:15px; line-height:15px}
#ingredients .input_btn{font-size:10px;}
#ingredients .button_area{margin:10px 0px; text-align:right;}


#ingredients h2, #menumixer h2{font-weight:bold; font-size:13px; background-color:#333333; padding:3px; color:#ffffff;}

/* Banner */
.banner_content .banneritem {margin-bottom:15px; border-bottom:solid 1px #cccccc; font-size::11px; padding-bottom:10px; overflow:hidden;}
.banner_content .banneritem .left{ width:150px; float:left;}
.banner_content .banneritem .right{ width:475px; float:left;}
.banner_content .banneritem ul li{margin:0px;}
.banner_content .banneritem label{width:80px; text-align:left; font-weight:bold;}


.banner_content .banneritem div img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}

.blackheader{background:url("../images2/side_header_bg.png") repeat-x scroll 0 0 #333333 !important; padding:10px; color:#ffffff; font-weight:bold;}


/* page */
.sysmsg strong{font-weight:bold;}


/* Property Listing */

.box_w_b_border{ border-bottom:solid 1px #ccc; padding-bottom:20px; margin-bottom:20px; position:relative; min-height:30px;}
.box_w_b_border	.btn_create_new	{position:absolute; top:0px; right:10px;}

.listing ul.steps li a {text-indent:0px!important;}
.listing .ui-tabs .ui-tabs-nav li a {padding:0.5em!important;}
.listing .ui-widget {font-size:10px!important;}

.listing .button, .listing .btn_back {
    background: url("../images2/blue_btn_bg.png") repeat-x scroll 0 0 #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    padding: 2px 15px;
    text-decoration: none;
}

.listing .form .input_text, .form .input_select {
    background: url("../images2/input_text_bg.png") repeat-x scroll center top #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #6C6C6C;
    font-size: 12px;
    height: 22px;
    padding: 2px 4px;
    width: 300px;
}

.listing label{text-align:left!important;}

/* Manage Listing */
#manage_listing_menu{ padding:5px 5px; background-color:#514A44;}
	#manage_listing_menu span { color: #AAAAAA; font-size: 13px; font-weight: bold; padding: 3px;}
	
	#manage_listing_menu a { text-decoration: none;}
	#manage_listing_menu a span{font-weight: normal; text-decoration:none; color:#eee;}
	
	.listing_div{margin-top:50px; border:solid 1px #eee;}
	.listing_div h2{font-weight:bold; font-size:14px; background-color:#ddd; padding:5px;}
	
	
	.listing_div .listingname{width:450px;}
	.listing_div .created{width:120px; padding:5px;}
	.listing_div .action{width:80px; text-align:center;}
	
	.listing_div table th.listingname, .listing_div table th.created{border-right:solid 1px #eee!important;}
	
	.listing_div table{margin:auto; width:100%;}
	.listing_div table th{background-color:#666; padding:5px; color:#fff;}
	.listing_div table tr td{padding:10px 5px; border-bottom:solid 1px #eeeeee;}
	
	.listing #name{width:370px!important;}
	.listing .checkbox{padding:0px 5px; float:left;  height: 31px;}
		.listing .checkbox .checkall{    margin-top: 5px;margin-right: 5px;}
		.listing .checkbox .choosethis{margin-left:2px;}

/* Create Listing */

/* Step1 */
.listing .form h2 { font-size: 12px; font-weight: bold;  margin-bottom:15px;}
.listing .form ul li label.error{position: absolute; right:0px; top:0px; color:#ff6600; font-weight:bold; width:auto; display:none;}
.input_btn{width:auto; border:1px solid #333333; background:url(../images2/blue_btn_bg.png) repeat-x #333333; color:#FFFFFF; padding:2px 15px; text-decoration:none;}

#find_project{    display: none; left:0px; margin-top: 5px; position: relative; top: 0; width: 120px; }
	#find_project span{ font-weight:normal!important; text-decoration:none!important; }
	
.btn_find{width:31px; height:28px; border:none; background:url(../images2/search_btn.png); padding:0px; margin:0px; position: absolute;top:0px;}
		.btn_find span{display:none;}
		
#reset_project{display:block; margin-top:10px; width:25px;}

#projectname_content{ position: absolute; top:0px; right:0px; width:497px;}
	#projectname_content span{ font-weight:normal!important; text-decoration: underline;}

#select_property_type{  display: block;
    margin-left: 154px;
    width: 115px;
    margin-top:10px;}
#property_type_form h2{font-weight:bold;}

.form ul li {
    margin: 15px 0;
    min-height: 25px;
    position: relative;
}

#propertytype_value{text-decoration:underline;}

.propertytype_holder{display:none;}

#propertytype_list{
    border: 1px solid #CCCCCC;
    height: 200px;
    margin-left: 84px;
    margin-top: 20px;
    overflow: auto;
    width: 533px;
}

#propertytype_list .item{
    background-color: #EEEEEE;
    margin: 3px;
    padding: 3px;
    position: relative;
    text-indent: 10px;}

#propertytype_list .item a{
	position: absolute;
    right: 5px;}

#project_name_div{}

#projnamemsgbox{ text-align: center; font-size:12px; padding:30px;}
#selectbox ul li{ list-style: disc!important; padding:5px 0px;}
#selectbox a{ color:#666; text-decoration: none;}
#selectbox a:hover{text-decoration: underline;}

#askingprice{display:none;}

#floorinfo{display:none;}

#agentinfo_create{display:none;}

#declaration{width:400px; margin-top:15px;}
	#declaration .check{ float: left;}
	#declaration span{ float: left; display: block; width:250px; margin-left:15px;}
#step1 .btn_area{padding-left:158px; text-align:left;}


	
/* Step 2 */

h3{font-weight:bold; margin-bottom:15px;}
	.checkbox_area .check_item {float:left; margin-bottom:5px;}
		.checkbox_area .check_item label{margin-left:10px; text-align: left;}

/* Step 3 */
#step3 ul{margin-top:25px;}
#step3 .nonproject ul li{ min-height: inherit!important; margin:3px 0px;}
#map {width:100%; height:250px; background:#eee;}
 
 /* Step 4 */
.upload_portion { margin-top: 15px; padding-bottom: 10px;}
.upload_portion label{ text-align: left!important;}
.upload_portion a {
    position: relative;
    top: 15px;
}

.mediaphoto, .elevationplan, .floorplan, .sitemap{border-bottom:solid 1px #ccc; padding-bottom:50px;}

.mediaphoto_content {
    border: 1px solid #CCCCCC;
    margin: 40px 0 0 10px;
    min-height: 100px;
    width: 550px;
    padding:10px;
}
.mediaphoto_content strong{font-weight:bold;}

.mediaphoto_item {
    background-color: #EEEEEE;
    float: left;
    height: 126px;
    margin: 3px;
    padding: 18px;
    position: relative;
    text-align: center;
    text-indent: 10px;
    width: 141px;
}

.mediaphoto_item div img {
    border: 1px solid #CCCCCC;
    display: block;
    height: 100px !important;
    margin: auto;
    max-width: 90%;
}


/* Elevation plan */
	.elevationplan_div{position:relative;margin:10px 0px 0px 20px;}
		.elevationplan_div .add_elevationplan_btn{position: absolute; right:10px; top:0px;}
		
	.elevationplan{ margin:20px 0px 0px 10px}
		.elevationplan h2{margin:0px!important;}
		.elevationplan .upload_portion{margin-left:0px;}
			.elevationplan .upload_portion label{margin:0px!important;}
			.elevationplan .upload_portion a{margin-left:0px; color:#ffffff!important;}
			.elevationplan .uploadifyQueue{margin:0px;}
			.upload_portion .input_btn{color:#fff; margin-top:20px;}
			
		.elevationplan_content{margin-top:20px; margin:40px 0px 0px 0px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.elevationplan_content .elevationplan_item { background-color:#eee; margin:3px; padding:18px; position:relative; height:105px;}
				.elevationplan_content .elevationplan_item .photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; float:left;}
				.elevationplan_content .elevationplan_item .detail{float:left;margin-left:25px;}
					.elevationplan_content .elevationplan_item img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
			.elevationplan_content .elevationplan_item .detail2{position:absolute; right:5px; top:0px;}
		
		#elevationplan_addtitle_form{}
			#elevationplan_addtitle_form label{width:auto!important; padding-right:10px;}
			#elevationplan_addtitle_form .input_btn{position: absolute; right:10px;}
			
			#elevationplan_addtitle_form h2{margin:10px 0px 0px 0px!important;}
			
/* Floorplan */

	.floorplan_content{margin-top:20px; margin:40px 0px 0px 0px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.floorplan_content .floorplan_item { background-color:#eee; margin:3px; padding:18px; position:relative; height:105px;}
				
				.floorplan_content .floorplan_item .photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; float:left;}
				.floorplan_content .floorplan_item .detail{margin-left:25px;}
					.floorplan_content .floorplan_item div img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
					
			.floorplan_content .floorplan_item .detail2 {position:absolute; right:5px; top:0px;}
			
		/* For viewing of property  */
		.floorplan_content .floorplan_item a img{height:100px; max-width:90%;}
		.floorplan_content .floorplan_item img {height:100px; max-width:90%;}
		
	#floorplan_addtitle_form{}
			#floorplan_addtitle_form label{width:auto!important; padding-right:10px;}
			#floorplan_addtitle_form .input_btn{position: absolute; right:10px;}
			
			#floorplan_addtitle_form h2{margin:10px 0px 0px 0px!important;}
			
/* Sitemap */

	.sitemap{ margin:20px 0px 0px 10px}
		.sitemap h2{margin:0px!important;}
		.sitemap .upload_portion{margin-left:0px;}
			.sitemap .upload_portion label{margin:0px!important;}
			.sitemap .upload_portion a{margin-left:0px; color:#fff!important;}
			.sitemap .uploadifyQueue{margin:0px;}
			.upload_portion .input_btn{color:#fff; position: relative; top:20px!important; left:-2px;}

	.sitemap_content{margin-top:20px; margin:40px 0px 0px 0px; min-height: 100px; width: 550px; border:solid 1px #ccc;}
		.sitemap_content .sitemap_item { background-color:#eee; margin:3px; padding:18px; position:relative; text-indent:10px; text-align:center; height:126px;}
				.photo_thumb{height:100px; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
				/* For viewing of property  */
				.sitemap_content .sitemap_item  a img{height:100px; max-width:90%;}
					.sitemap_content .sitemap_item div img{height:100px!important; max-width:90%; display: block; border:solid 1px #ccc; margin:auto;}
			.sitemap_content .sitemap_item .detail2 {position:absolute; right:5px; top:0px;}

/* Listing Summary */

#step5 .box_content{ border-bottom:solid 1px #ddd;}
#step5  h3{font-size:14px;}
#step5 label{text-align:left!important; color:#333; font-weight:bold;}

#step5 .floatbox{width:154px; margin-right:8px; float:left; border-right:solid 1px #eee;}	
	#step5 .floatbox li{margin:3px 0px 0px 13px!important; line-height:normal!important; min-height: inherit!important; list-style: disc; }
#step5 .floatbox h4{text-align:left!important; color:#333; font-weight:bold;}
#step5 .section-divider{border-bottom:dotted 1px #ccc; height:1px; margin:10px 0px;}
#step5 .last{border:none!important;}

#summary_extra{padding-bottom:20px; overflow: hidden;}

.loading_msg{text-align:center; font-size:16px; font-weight:bold;}
.loader{background:url(../images2/loader_big.gif) no-repeat center; width:32px; height:32px; margin:10px auto;}

/* text-content */
.text_content {padding-top:10px;}
.text_content p{margin:15px 0px;}
.text_content h2{ font-size:20px; margin:0px 0px 10px 0px;}
.text_content h3{ font-size:16px;  margin:10px 0px 10px 0px;}
.text_content h4{ font-size:12px; font-weight: bold;}


/* International Project */
.international-proj #step1 .btn_area {
    text-align: right;
}

.view-listing #reset_project{ display:none;}



/* media module */
.thumbnail {
    height: 100px;
    text-align: center;
    width: 120px;
}
.thumbnail img {
    border: 1px solid #DDDDDD;
    max-height: 100px;
    width: 120px;
}

.result_table .header{
	 background-color:#999999;
}

.result_table .header td{
	background: url("../images2/header_divider.png") no-repeat scroll right center transparent;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
}

.media .mediaphoto_content{
	width:634px!important;
}

.data_row{
	border-bottom:solid 1px #ccc;
}

.media_url{
	display:block;
	color:#999;
	font-size:11px;
	margin-top:3px;
}

.date_div{
	color:#999;
	margin-top:3px;
}

.result_table{
	width:100%;
}

.result_table td{
	padding:5px 3px;
}
.scrollbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 218px;
    overflow-y: scroll;
    max-width: 180px;
    
}
.scrollbox li.even {
    background: none repeat scroll 0 0 #FFFFFF;
}
.scrollbox li.odd {
    background: none repeat scroll 0 0 #F0F0F0;
}
.scrollbox div {
    padding: 3px;
}
.scrollbox div input {
    margin: 0 3px 0 0;
    padding: 0;
}
.box_radio {
	float: left;
	margin-right: 10px;
} 
/*****ADD BY HIEU ****/
ul#language
{
	float:right;	
	margin-right: 528px;
margin-top: 28px;
}
ul#language li
{
	display: inline;
color: #000;
font: normal 18px Tahoma;
text-transform: uppercase;
text-align: center;
line-height: 28px;
}
ul#language li a
{
	color:#FFF;
	
}
ul#language li a:hover
{
	color:red;
	
}
/* Pager */
.pager 
{
	margin:8px 3px;
	padding:3px;
}

.pager .disabled 
{
	background: #eaeaea!important;
color: #c5c5c5!important;
box-shadow: none!important;
font-weight: normal!important;
}

.pager .current 
{
	background: #6f6f6f;
color: #fff;
border-color: #646464;
box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
font-weight: bold;
}

.pager span, .pager a
{
	background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
background: -o-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
background: linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
}

.pager a ,.pager span
{
	border: 1px solid #d3d3d3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px 7px;
margin: 0 3px;
cursor: pointer;
color: #919191;
font-size: 11px;
box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
}
.pager a:hover
{
    background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#e8e8e8 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#e8e8e8 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#e8e8e8 100%);
background: linear-gradient(top, #f6f6f6 0%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
color:#aa0e0f;
}
/*****SORTBY********/
.action-sort{color: #fff;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
}
.sortby-asc	{
	background: url(../images/table/table_sort_arrow.gif) right no-repeat;
}
.sortby-desc{
	background: url(../images/table/table_sort_arrow_desc.gif) right no-repeat;
}
#id-form tr td
{
	height: 48px;
}
.mandate
{
    font:bold 11px tahoma;
    color:Red;
}
.chosen-select
{
    min-width:180px;
}
.chz
{
    min-width:180px;
}
.hide
{
    display:none;
}
.tbl-form tr td
{
  
  /*padding-bottom: 28px;*/
}
.tbl-form tr th
{
    min-width:148px;
    /*vertical-align:top;*/
    font-weight:bold;
    /*padding-bottom: 28px;*/
    height:58px;
}
form input[type=text],
form input[type=password]
{    background: url("../images/forms/input_text_bg.png") #fff top repeat-x;
    color: #666;
    border: 1px solid #CCCCCC; 
    padding: 5px;}
textarea
{    background: url("../images/forms/textarea_bg.png") #fff  top repeat-x;
    color: #666;
    border: 1px solid #CCCCCC; 
    padding: 5px;}
form input:focus
{
	background-color: #ffe;
}
.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '../images/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
.hide-noheight
{
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
}
.showhide-account
{
    font:bold 13px Tahoma;
    color:#FFF;
}
.content-table-inner
{
    vertical-align:top;
}